/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      // 移动端适配配置
      screens: {
        'xs': '320px',
        'sm': '375px',
        'md': '414px',
        'lg': '768px',
        'xl': '1024px',
      },
      // 基于375px设计稿的rem转换
      spacing: {
        '0.5': '0.05rem',
        '1': '0.1rem',
        '1.5': '0.15rem',
        '2': '0.2rem',
        '2.5': '0.25rem',
        '3': '0.3rem',
        '3.5': '0.35rem',
        '4': '0.4rem',
        '5': '0.5rem',
        '6': '0.6rem',
        '7': '0.7rem',
        '8': '0.8rem',
        '9': '0.9rem',
        '10': '1rem',
        '11': '1.1rem',
        '12': '1.2rem',
        '14': '1.4rem',
        '16': '1.6rem',
        '20': '2rem',
        '24': '2.4rem',
        '28': '2.8rem',
        '32': '3.2rem',
        '36': '3.6rem',
        '40': '4rem',
        '44': '4.4rem',
        '48': '4.8rem',
        '52': '5.2rem',
        '56': '5.6rem',
        '60': '6rem',
        '64': '6.4rem',
        '72': '7.2rem',
        '80': '8rem',
        '96': '9.6rem',
      },
      fontSize: {
        'xs': ['0.24rem', { lineHeight: '0.32rem' }],
        'sm': ['0.28rem', { lineHeight: '0.36rem' }],
        'base': ['0.32rem', { lineHeight: '0.4rem' }],
        'lg': ['0.36rem', { lineHeight: '0.44rem' }],
        'xl': ['0.4rem', { lineHeight: '0.48rem' }],
        '2xl': ['0.48rem', { lineHeight: '0.56rem' }],
        '3xl': ['0.6rem', { lineHeight: '0.68rem' }],
        '4xl': ['0.72rem', { lineHeight: '0.8rem' }],
        '5xl': ['0.96rem', { lineHeight: '1rem' }],
        '6xl': ['1.2rem', { lineHeight: '1.28rem' }],
      },
      // 移动端常用高度
      height: {
        'screen': '100vh',
        'screen-90': '90vh',
        'screen-80': '80vh',
        'screen-70': '70vh',
        'screen-60': '60vh',
        'screen-50': '50vh',
      },
      // 移动端常用宽度
      width: {
        'screen': '100vw',
        'screen-90': '90vw',
        'screen-80': '80vw',
        'screen-70': '70vw',
        'screen-60': '60vw',
        'screen-50': '50vw',
      },
    },
  },
  plugins: [],
};
